<template>
    <a href="#" class="item-link">
        <div class="item-content" @click="navToForumPage(item.id)">
            <div v-if="item.icon != ''" class="item-media">
                <slot name="list-icon"></slot>
            </div>
            <div class="item-inner">
                <div class="item-title-row">
                    <div class="item-title">{{item.name}}</div>

                </div>
                <div class="item-text">
                    {{item.intro}}
                </div>
            </div>
            <!--<div class="item-after">-->
            <!--<a href="#" class="button">关注</a>-->
            <!--</div>-->
        </div>
    </a>
</template>

<script type="text/javascript">
    import store from '../store/index'
    export default{
        name: "list-item",
        props: {
            item: {
                type: Object,
                default: function () {
                    return {message: '初始化'}
                }
            },
        },
        methods: {
            navToForumPage(forum_id){
                //store.dispatch('changeCurrentPosition', {forumId: forum_id})
                //myApp.redictNewPage('forum-page', true)
                this.$f7.mainView.router.load({url: '/forum-page/' + forum_id + '/'});
            },
        },


    }
</script>
